<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>车神园</title>
    <link rel="stylesheet" href="./css/com/com.css">
    <link rel="stylesheet" href="./css/home/home.css">
    <script src="/js/jq/jquery-1.10.1.js"></script>
    <script src="/js/home/home.js"></script>
</head>
<body>
    <div id="wrap">
        <!-- 导航栏 -->
        <div class="header">
            <div class="header-content">
                <!-- logo -->
                <div class="logo">
                    <a href="">
                        <img src="../../imgs/login/logo.png" alt="暂无图片">
                    </a>
                </div>
                <div class="home-well">
                    <p>未来充满代码</p>
                </div>
                <div class="home-seach">
                    <input placeholder="请输入您要搜索的文章、标题">
                    <div>
                        <img src="../../imgs/home/home-sceah.png" alt="暂无图片">
                    </div>
                </div>
                <!-- 首页操作-->
                <div class="home-opa header-nav">
                    {{if true}}
                        <div class="home-is-login">
                            <a href="/personal">
                                车神-黄杰
                            </span>
                            <a href="../../pages/blog/defalut.html">
                                我的博客
                            </a>
                            <a href="JavaScript:;">
                                我的消息
                            </a>
                            <a href="/personal">
                                我的设置
                            </a>
                            <a href="/login">
                                退出登陆
                            </a>
                        </div>
                    {{else}}
                        <div class="home-no-login">
                            <a href="/login">
                                前往登陆
                            </span>
                        </div>
                    {{/if}}
                </div>
            </div>
        </div>
        <div class="home-wrap">
            <div class="home-content">
                <!-- 这里分为三部分 -->
                <!-- 左 中 右 三部分 -->
                <!-- 左 -->
                <div class="home-left">
                    <ul>
                        {{each navList value index}}
                            <li onclick="ggg('{{value}}')">
                                <a href="javascript:;">{{value}}</a>
                            </li>
                        {{/each}}
                    </ul>
                </div>
                <!-- 中 -->
                <div class="home-center">
                    <ul>
                        <li>
                            <h3 class="title"><a href="javascript:;">关于学历与面试的一些看法</a></h3>
                            <p class="content single-text">
                                这个算是换工作系列最后一篇了，主要是想说下找工作过程中的一些感想，比如公司对于学历的看法，有些公司面试为什么相对来说是面试造核弹、入职拧螺丝以及我对这些东西的理解与看法两轮现场面试。                  
                            </p>
                            <div class="info clearFix">
                                <div class="left">
                                    <a href="" class="blog-img"><img src="../../imgs/int.jpg" alt="暂无头像"></a>
                                    <a href="" class="blog-name">车神-黄杰</a>
                                    <span class="split">|</span>
                                    <a href="" class="blog-type">前端</a>
                                    <span class="split">|</span>
                                    <span class="blog-time">2019-07-10</span>
                                </div>
                                <div class="right">
                                    <a href="" class="blog-reader">
                                        <span>阅读数量</span>
                                        <span class="blog-reader-num">2000</span>
                                    </a>
                                    <span class="split">|</span>
                                    <a href="" class="blog-commit">
                                        <span>评论数量</span>
                                        <span class="blog-commit-num">4000</span>
                                    </a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <h3 class="title"><a href="javascript:;">关于学历与面试的一些看法</a></h3>
                            <p class="content single-text">
                                这个算是换工作系列最后一篇了，主要是想说下找工作过程中的一些感想，比如公司对于学历的看法，有些公司面试为什么相对来说是面试造核弹、入职拧螺丝以及我对这些东西的理解与看法两轮现场面试。                  
                            </p>
                            <div class="info clearFix">
                                <div class="left">
                                    <a href="" class="blog-img"><img src="../../imgs/int.jpg" alt="暂无头像"></a>
                                    <a href="" class="blog-name">车神-黄杰</a>
                                    <span class="split">|</span>
                                    <a href="" class="blog-type">前端</a>
                                    <span class="split">|</span>
                                    <span class="blog-time">2019-07-10</span>
                                </div>
                                <div class="right">
                                    <a href="" class="blog-reader">
                                        <span>阅读数量</span>
                                        <span class="blog-reader-num">2000</span>
                                    </a>
                                    <span class="split">|</span>
                                    <a href="" class="blog-commit">
                                        <span>评论数量</span>
                                        <span class="blog-commit-num">4000</span>
                                    </a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 右 -->
                <div class="home-right">
                    <!-- 今日文章推荐 -->
                    <div class="recommend-article">
                        <div class="article-content">
                            <h3 class="recommend-title">今日推荐</h3>
                            <ul>
                                <li class="clearFix">
                                    <a href="" class="recommend-img"><img class="scale-img" src="../../imgs/int.jpg" alt="暂无头像"></a>
                                    <a href="" class="recommend-name">关于学历与面试的一些看法</a>
                                </li>
                                <li class="clearFix">
                                    <a href="" class="recommend-img"><img class="scale-img" src="../../imgs/int.jpg" alt="暂无头像"></a>
                                    <a href="" class="recommend-name">关于学历与面试的一些看法关于学历与面试的一些看法</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 优秀园主推荐 -->
                    <div class="recommend-blog">
                        <div class="blog-content">
                            <h3 class="recommend-title">优秀园主</h3>
                            <ul>
                                <li>
                                    <div class="blog-top clearFix">
                                        <div class="blog-info">
                                            <a href="">
                                                <img class="scale-img" src="../../imgs/int.jpg" alt="暂无头像">
                                                <span>车神-黄杰</span>
                                            </a>
                                        </div>
                                       <div class="blog-add">
                                            <span class="recommend-add">+关注</span>
                                       </div>
                                       
                                    </div>
                                    <div class="blog-bottom clearFix">
                                        <div>
                                            <span>文章</span>
                                            <span>99</span>
                                        </div>
                                        <div>
                                            <span>粉丝</span>
                                            <span>45</span>
                                        </div>
                                        <div>
                                            <span>访问</span>
                                            <span>2299</span>
                                        </div>
                                    </div>
                                </li>

                                <li>
                                    <div class="blog-top clearFix">
                                        <div class="blog-info">
                                            <a href="">
                                                <img class="scale-img" src="../../imgs/int.jpg" alt="暂无头像">
                                                <span>车神-黄杰</span>
                                            </a>
                                        </div>
                                        <div class="blog-add">
                                            <span class="recommend-add">+关注</span>
                                        </div>
                                        
                                    </div>
                                    <div class="blog-bottom clearFix">
                                        <div>
                                            <span>文章</span>
                                            <span>99</span>
                                        </div>
                                        <div>
                                            <span>粉丝</span>
                                            <span>45</span>
                                        </div>
                                        <div>
                                            <span>访问</span>
                                            <span>2299</span>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        function ggg(value){
            console.log(value)
        }
    </script>
</body>
</html>